<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 4
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en" >
  <!-- begin::Head -->
  <head>
    <meta charset="utf-8" />
    <title>
      登录
    </title>
    <meta name="description" content="Latest updates and statistic charts">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!--begin::Web font -->

    <!--end::Web font -->
        <!--begin::Base Styles -->

    <!--end::Base Styles -->
    <link rel="shortcut icon" href="views/app/assets/demo/default/media/img/logo/favicon.ico" />
  </head>
  <!-- end::Head -->
    <!-- end::Body -->
  <body  class="m--skin- m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default"  >
    <!-- begin:: Page -->
    <div class="m-grid m-grid--hor m-grid--root m-page">
      <div class="m-grid__item m-grid__item--fluid m-grid m-grid--hor m-login m-login--signin m-login--2 m-login-2--skin-2" id="m_login" style="background-image: url(views/app/assets/app/media/img//bg/bg-3.jpg);">
        <div class="m-grid__item m-grid__item--fluid  m-login__wrapper">
          <div class="m-login__container">
            <div class="m-login__logo">
              <a href="#">
                <img src="image/static/home.png">
              </a>
            </div>
            <div class="m-login__signin">
              <div class="m-login__head">
                <h3 class="m-login__title">
                  登录
                </h3>
              </div>
              <form class="m-login__form m-form" action="">
              <div class="m-alert m-alert--outline alert alert-danger alert-dismissible animated fadeIn"  style="display:none" role="alert" id="alert">      
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>     
                <span >用户名或密码错误。请重试。</span>    
              </div>
                <div class="form-group m-form__group">
                  <input class="form-control m-input"   type="text" placeholder="Email" name="email" autocomplete="off" ng-model='account'>
                </div>
                <div class="form-group m-form__group">
                  <input class="form-control m-input m-login__form-input--last" type="password" placeholder="Password" name="password" ng-model='password'>
                </div>
                <div class="m-login__form-action">
                  <button id="m_login_signin_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air m-login__btn m-login__btn--primary" type='button' ng-click="login()">
                    登录
                  </button>
                </div>
              </form>
            </div>
            </div>


          </div>
        </div>
      </div>
    </div>
    <!-- end:: Page -->
      <!--begin::Base Scripts -->

    <!--end::Base Scripts -->   
        <!--begin::Page Snippets -->
    <!--end::Page Snippets -->
  </body>
  <!-- end::Body -->
</html>
